<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>登录-网上书城</title>

<!-- Bootstrap -->
<link href="/css/bootstrap.min.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<style>
#loginPanel {
	margin-top: 40px;
}
</style>
<body>
	<div class="header" style="“height: 200px”">
		<a href="/"><img class="logo" src="/picture/logo.png"
			style="padding-top: 20px; padding-left: 50px;" /></a>
	</div>
	<div class="body">
		<div id="left" class="col-md-8 col-xs-0">
			<img src="/picture/login_bg.jpg" style="margin: 40px; width: 80%;" />
		</div>
		<div id="loginPanel"
			class="col-md-4 col-lg-4 col-xs-12 panel panel-success">
			<form action="/login/login">
				<h2 class="form-signin-heading">用户登录</h2>
				<span style="color: red">#(msg??)</span> <br> <br> <label
					for="inputEmail" class="sr-only">username</label> <input
					type="username" name="username" class="form-control"
					placeholder="用户名" required autofocus> <br> <br> <label
					for="inputPassword" class="sr-only">password</label> <input
					type="password" name="password" class="form-control"
					placeholder="密码" required> <br> <span>验证码&nbsp;&nbsp;</span><input
					type="verificationCode" id="validation" name="verifyCode">
				<a href="/login"><img class="vcode" src="/picture/vcode.png"
					style="padding-top: 20px; padding-left: 50px;" /></a>
				<div class="checkbox">
					<label> <input type="checkbox" value="remember-me">
						记住密码
					</label>
				</div>
				<button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
			</form>
			<br> <a href="/register" style="">立即注册</a>
		</div>
	</div>
	<div id="footer" style="width: 100%; height: 100px; text-align: center"
		class="col-md-12">
		<div class="footer_copyright">
			<span>Copyright (C) 当当网 2004-2017, All Rights Reserved</span>
		</div>
		<div class="footer_copyright">
			<span><a href="http://www.miibeian.gov.cn/" target="_blank"
				rel="nofollow">京ICP证041189号</a></span> <span class="sep">|</span><span>出版物经营许可证
				新出发京批字第直0673号</span> <span class="sep">|</span><span>食品流通许可证：SP1101011010021855(1-1)</span>
			<br>
			<span>互联网药品信息服务资格证编号：(京)-非经营性-2012-0016</span><span class="sep">|</span>
			<span>京公网安备110101000001号</span>
		</div>
	</div>
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="/js/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="/js/bootstrap.min.js"></script>
	<script src="/js/checkCode.js"></script>
	<script>
  //验证码对象初始化
    Validation.init('validation','picture/vcode.png');
//                         输入框ID               验证图片地址    
    //隐藏
    Validation.hide();
    </script>
</body>
</html>